.bpmn-custom-properties-panel-wrapper {
  .ant-drawer-content-wrapper {
    .ant-drawer-content {
      .ant-drawer-wrapper-body {
        .ant-drawer-header {
          padding: 0 15px;
          height: 40px;
          line-height: 40px;

          .ant-drawer-header-title {
            height: 100%;

            .ant-drawer-title {
              font-size: 14px;
              color: #666;
              display: flex;
              align-items: center;

              img {
                margin-right: 6px;
              }
            }
          }

          .ant-drawer-extra {
            color: #666;
          }
        }

        .ant-drawer-body {
          padding: 0;

          .bpmn-custom-properties-panel {
            width: 550px;
            height: 100%;
            background-color: white;
            border-color: rgba(0, 0, 0, 0.09);
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
            border-left: 1px solid #eee;

            .bpmn-custom-properties-content {
              height: calc(100% - 62px);
              overflow-y: auto;
              padding: 15px 15px 0;

              .ant-form-item {
                margin-bottom: 15px;

                .ant-form-item-row {
                  .ant-col-5 {
                    &>label {
                      &::after {
                        content: '';
                      }
                    }
                  }

                  .ant-col-16 {
                    &>label {
                      &::after {
                        content: '';
                      }
                    }
                  }

                  .ant-col-19 {
                    .ant-radio-group {
                      &>label.ant-radio-wrapper {
                        margin-right: 0;
                        margin-bottom: 8px;

                        &:nth-last-child(1) {
                          margin-bottom: 0;
                        }

                        &>span {
                          &:nth-child(2) {
                            padding-right: 0;
                          }
                        }
                      }
                    }
                  }
                }

                &.bpmn-custom-properties-radio-wrap {
                  .ant-row {
                    .ant-col-5 {
                      &>label {
                        align-items: flex-start;
                        padding-top: 2px;
                      }
                    }
                  }
                }

                &.bpmn-custom-properties-radio-row-wrap {
                  .ant-row.ant-form-item-row {
                    .ant-col-5 {
                      &>label {
                        align-items: flex-start;
                        padding-top: 2px;
                      }
                    }

                    .ant-row {
                      .ant-col-8 {
                        &>label.ant-radio-wrapper {
                          margin-right: 0;
                          margin-bottom: 8px;

                          &:nth-last-child(1) {
                            margin-bottom: 0;
                          }

                          &>span {
                            &:nth-child(2) {
                              padding-right: 0;
                            }
                          }
                        }
                      }
                    }
                  }
                }

                &.process-designer-form-item-required {
                  .ant-row.ant-form-item-row {
                    .ant-col-5 {
                      &>label {
                        &::before {
                          margin-right: 0;
                          content: '';
                        }
                      }
                    }
                  }
                }

                &.bpmn-custom-properties-radio-noWrap {
                  .ant-row {
                    .ant-col-5 {
                      &>label {
                        align-items: flex-start;
                        padding-top: 4px;
                      }
                    }

                    .ant-col-19 {
                      .ant-radio-group {
                        &>label.ant-radio-wrapper {
                          margin-right: 20px;
                        }
                      }
                    }
                  }

                  &.no-padding {
                    .ant-row {
                      .ant-col-5 {
                        &>label {
                          align-items: flex-start;
                          padding-top: 0;
                        }
                      }

                      .ant-col-7 {
                        &>label {
                          padding: 0;
                          height: 32px;
                        }
                      }
                    }
                  }
                }

                &.bpmn-custom-properties-radio-label {
                  &.no-padding {
                    .ant-row {
                      .ant-col-5 {
                        padding: 0;

                        &>label {
                          height: 32px;
                        }
                      }

                      .ant-col-7 {
                        padding: 0;

                        &>label {
                          height: 32px;
                        }
                      }
                    }
                  }
                }
              }
            }

            .bpmn-custom-properties-panel-footer {
              position: absolute;
              right: 0;
              bottom: 0;
              width: 100%;
              height: 62px;
              display: flex;
              align-items: center;
              justify-content: flex-end;
              border-top: 1px solid #eee;
              padding: 0 15px;
              background: white;

              button {
                &:nth-child(2) {
                  margin-left: 15px;
                }
              }
            }
          }
        }
      }
    }
  }
}

.bpmn-custom-properties-operation-button {
  margin-bottom: 20px;

  .ant-row {
    display: block;

    .ant-col {
      max-width: 100%;

      &>label {
        height: 20px;
        margin-bottom: 6px;

        .custom-title {
          width: 519px;
          display: flex;
          align-items: center;
          justify-content: space-between;

          .custom-title-extra {
            position: relative;
            top: 0;
            left: 10px;
            color: var(--inbiz-color-primary);
            cursor: pointer;

            &>span {
              margin-right: 6px;
            }
          }
        }
      }
    }
  }
}